/* 
    Document   : personalblog
    Created on : 2011-4-5, 18:12:38
    Author     : lang
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

h1
{
	background:transparent;
	position: absolute;
	z-index: 1;
	left:20px;
	top:20px;
}

#body
{
	text-align: center;
}

canvas#ocean
{
	position:absolute;
	z-index: 0;
}

div#container
{
	margin:0px auto;
	width:830px;
	position:relative;
	z-index: 1;
	font-family: "微软雅黑";
}

iframe
{
	width:830px;
	height:100%;
	border:none;
	overflow: hidden;
/*	box-shadow: 0px 0px 4px black;*/
}

#track
{
	position: absolute;
	z-index: 1;
	width: 300px;
	height:100px;
	background-color: rgba(255, 255, 255, 0.2);
	opacity : 0.9;
	border-radius : 3;
	box-shadow: 0px 0px 10px black;
	overflow: hidden;
}

#track audio
{
	position:absolute;
	top:50px;
}

#track .info
{
	margin:10px;
}

#track .info h2
{
	font-family: "Arial";
	font-size: 14px;
	margin:0px;
	color:rgba(255, 255, 255, 0.6);
	text-shadow:1px 1px 1px #000
}
#track .info .title
{
	font-family: "Arial";
	margin-left:20px;
	font-size: 14px;
}
#track .logo
{
	position:absolute;
	left: 200px;
	top:0px;
}

#categories
{
	position: absolute;
	z-index: 1;
	top:200px;
}

#categories li
{
	list-style:none;
	width:100px;
	height:20px;
	margin:5px;
	font-family: "微软雅黑";
	padding:5px;
	box-shadow: 0px 0px 7px black;
	background-color: rgba(0, 0, 0, 0.5);
	margin-top: 10px;
	cursor:pointer;
}

#categories li a
{
	color:black;
	margin-left: 20px;
	text-decoration: none;
	color:white;
}

#adjustPanel
{
	background-color:rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 7px black;
	position:fixed;
	z-index: 1;
	width:200px;
	right:10px;
	top:100px;
}

#adjustPanel h4
{
	margin:10px;
}